html,
body {
  position: relative;
  height: 100%;
}

body {
  background: rgb(12, 12, 12);
  background-image: url("../soures/images/email-screen-1.jpg");
  background-size: cover;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  width: 100%;
}

@font-face {
  font-family: intext;
  src: url("../soures/ttf/YeZiGongChangYanShanTingXingKai-2.ttf");
}
.card-link {
  text-decoration: none;
  color: aliceblue;
  font-size: 20px;
  left:40%;
  height: 30px;
  display:block;
  position:fixed;
  bottom:0;
}

.card-link:hover {
  color: rgb(237, 211, 64);
  font-size: 25px;
  left:40%;
  transition: .5s;
}

.text-container {
  display: block;
  font-size: 40px;
  color: aliceblue;
  height: 60%;
  width: 100%;
  top: 160px;
  margin: 60px;
}

.intro {
  display: block;
  text-align: center; 
  text-shadow: 1px 1px rgb(96, 207, 241);
  font-family: "intext";
}

.intext {
  margin-top: 40px;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 24px;
  color: transparent;
  font-family: "intext";
}

.intext:hover {
  font-size: 26px;
  color: aliceblue;
  transition: .3s;
}

.card-container {
  display: block;
  left: 40px;
  width: 360px;
  height: 100%;
}

.swiper {
  width: 360px;
  height: 60%;
  top: 160px;
  left: 0%;
}

.swiper-slide {
  display: flex;
  border-radius: 18px;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
}

.swiper-slide:nth-child(1n) {
  /* 屠守谔 */
  background-image: url("../soures/images/tushoue.jpeg");
  background-size: cover;

}

.swiper-slide:nth-child(2n) {
  /* 梁守槃 */
  background-image: url("../soures/images/liangshouban.jpeg");
  background-size: cover;
}

.swiper-slide:nth-child(3n) {
  /* 孙家栋 */
  background-image: url("../soures/images/sunjiadong1.jpeg");
  background-size: cover;
}

.swiper-slide:nth-child(4n) {
  /* 杨利伟 */
  background-image: url("../soures/images/yangliwei.jpeg");
  background-size: cover;
}

.swiper-slide:nth-child(5n) {
  /* 翟志刚 */
  background-image: url("../soures/images/zhaizhigang.jpeg");
  background-size: cover;
}

.swiper-slide:nth-child(6n) {
  /* 刘洋 */
  background-image: url("../soures/images/liuyang1.jpeg");
  background-size: cover;
}

@media only screen and (max-width: 768px) {
  .intext {
    margin-top: 40px;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: transparent;
  }

  .intext:hover {
    font-size: 20px;
    color: aliceblue;
    transition: .3s;
  }
}